/* Browser Resetter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{margin:0;padding:0;border:0;outline:0;}
ul,li,ol{list-style:none;}
a{outline: none; text-decoration:none;}

/* General body layout */
body{font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight: normal;background-color:#f3f3f3;/*inferior 2do lo volvi color semiplomo y los de web estan en el .jsp los body's*/}
#top-wrap{width:100%; float:left;}
#bodywrap{width:100%;float:left;padding:50px 0 0 0;background-color:#f3f3f3;}

/* Layout styles */
/*MEJORANDO LA CABECERA*/
#header-wrap{ background: url(../images/bg-body-front.png) repeat-x;height:60px; width: 100%;float:left;background-color: #003a96;/*CAR superior 1ro 003a96*/position:relative;z-index:10;}
#header{background: url(../images/bg-body-front.png) repeat-x; width:970px;height:72px;  float: none;  margin:0 auto;  position: relative;}
h1{display: block;  float:left;  margin:18px 0 0 0;}
/* tool tip for logo */
em.ttip {width: 112px;height: 56px;float:left;display: block;position:absolute;top: 230px;left: 15px;text-align: center;text-indent:0px;z-index: 2;display: none;line-height:70px;color:#4e4e4e;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* stylin banner content */
.banner-wrap{width:100%;height:378px;float:left;}
.banner-inner{height:378px;background:url('../images/banner-grad.png') no-repeat 50px 0;}
.banner{width:970px;display:block;float:none;margin:0 auto;}
.banner img{float:right;margin:42px 0 0 0;}
.banner-twit img{float:left;margin:0 0 0 0;}
.leftContent{width:390px;float:left;margin:65px 0 0 0;}
.leftContent h2{width:100%;float:left;font-size:25px;color:#fff;padding-bottom:25px;padding-top:15px;text-transform:uppercase;	text-shadow: 2px 2px 3px #016137;}
.leftContent h3{width:100%;float:left;font-size:18px;color:#003a96;padding-bottom:10px;	padding-top:5px;text-transform:uppercase;text-shadow: 2px 2px 3px #016137;}

.image {padding: 0px; float:none;}
.leftContent p{	width:370px;float:left;font-size:12px;color:#fff;line-height:21px;padding-bottom:35px;}

/* Looped slider content */
.container { width:970px; height:378px; overflow:hidden; position:relative;  margin:0 auto;}
.slides { position:absolute; top:0; left:0;}

/* menus desplegables */
#header .desplegable{height:40px;position:absolute;top:7px;z-index:1000;}
#header .desplegable ul li{float:left;margin-left:15px;line-height:27px;position:relative;height:27px;padding:1px 15px 5px;}
#header .desplegable ul li:first-child{margin-left:40px;}
#header .desplegable ul li:hover span{background:url(../images/bg-triangle-main-menu.png) 0 18px no-repeat;display:block;margin-left:-25px;padding-left:25px;}
#header .desplegable ul li a{text-decoration:none;color:#fff;font-size:12px;text-transform:uppercase;display:block;}
#header .desplegable ul li:hover,#header .desplegable ul li.active-trail{background:#003a96;}
#header .desplegable ul li a:hover,#header .desplegable ul li:hover a,#header .desplegable ul li.active-trail a{background:url(../images/bg-bottom-item-main-menu.png) center bottom no-repeat;padding-bottom:12px;position:relative;z-index:60;}
#header .desplegable ul li ul{position:absolute;top:30px;left:-9999px;background:#fff;border:2px solid #a7a6a6;padding:13px;min-height:30px;z-index:50;}
#header .desplegable ul li:hover ul{left:-10px;} /* evento q activa los menus */
#header .desplegable ul li:hover ul li a{background:none;} /* la imagen hace q no se repita*/
#header .desplegable ul li:hover ul li span{background:none;} /* los triangulos hace q no se repita */
#header .desplegable ul li ul li,#header .desplegable ul li ul li:first-child{float:none;margin:0;line-height:22px;margin-bottom:3px;height:22px;}
#header .desplegable ul li ul li{padding:1px 5px 0;width:210px;}
#header .desplegable ul li ul li a{color:#252525;font-size:14px;text-transform:none;background:none;}
#header .desplegable ul li ul li:hover a,#header .desplegable ul li ul li.active-trail a,#header .desplegable ul li ul li a:hover{color:#fff;}
#header .desplegable ul li,#sidebar-first .region-sidebar-first,#sidebar-first .menu_block h3{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
#header .desplegable ul li ul,#header .desplegable ul li ul li,#middle-content .view-customer-references .view-content,body.node-type-webform .node .content,#middle-content .ui-tabs-panel,#middle table,#middle-content #site-map .content > ul.site-map-menu > li,#middle-content .views-exposed-widgets{-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
#header #block-locale-language,#header .menu-name-menu-share-icons ul li.menu-mlid-836,#header .menu-name-menu-share-icons ul li.menu-mlid-1032{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
#header .desplegable ul li ul{-moz-box-shadow:0 0 4px #888888;-webkit-box-shadow:0 0 4px #888888;-o-border-radius:0 0 4px #888888;box-shadow:0 0 4px #888888;}
/* End menus desplegables */

/* style web/index */
#content-wrap{ clear:both;  width:970px;  float:none;  margin:0 auto; }
/* style principal */
#principal{ clear:both;  width:100%;  float:none;  margin:0 auto; }

/*car aqui espacio para el arbol era padding:20px pero ahora padding:0px*/
#bodySpace{width:100%;float:left;padding:0px 0 0 0;background-color:#f3f3f3;}
/* fijando cuerpos: 1ro todo el cuerpo disponible; 2do izquierdo y derecho; 3ro izq, medio,publicidad*/
/*1ro*/
.cuerpoCompleto{width:99.5%;display:block;float:left;margin-right:5px;}
.cuerpoCompleto div .innerLeft{width:10%; float:left;	margin-right:5px;}

/*2do*/
.cuerpo2{width:99.5%;display:block;float:left;margin-right:5px;}
.cuerpo2 p{width:100%;	float:left;font-size:12px;color:#727272;line-height:21px;text-align:justify;padding-bottom:23px;}
.cuerpo2 .izq{width:16.5%; float:left;	margin-right:5px;}
.cuerpo2 .der{width:82.5%;display:block;float:left;}

/*3ro*/
.cuerpo2y{width:83%;display:block;float:left;margin-right:5px;}
.cuerpo2y .izq{width:20%; float:left;	margin-right:5px;}
.cuerpo2y .medio{width:79.5%;display:block;float:left;}
.yDer{width:15.7%;float:right;}

/* stylin leftPan content */
.leftPan{width:625px;display:block;float:left;margin-right:60px;}

/* universal rules for content inside leftPan */
.leftPan h3{width:100%;float:left;font-size:18px;color:#232629;padding-bottom:26px;}
.leftPan p{width:100%;float:left;font-size:12px;color:#727272;line-height:21px;text-align:justify;padding-bottom:23px;}
.leftPan a.more{width:59px;height:14px;float:left;font-size:11px;color:#fff;font-weight:normal;text-align:center;/*background: #00b987 url(../images/read-more.jpg) no-repeat;*/}

/* stylin innerLeft column inside leftPan */
.leftPan .innerLeft{width:180px;float:left;margin-right:69px;}
.leftPan .innerLeft p{width:180px;float:left;}

/* stylin inner Right content */
.leftPan .innerRight{width:356px;display:block;float:left;}
.innerRight img{float:left;margin:0 0 0 0;}
.leftPan a{color:#0182bb;border-width: 0 0 1px 0;border-style: dotted;border-color: #0182bb;}
.leftPan a:hover{ color:#0182bb;border-width: 0 0 1px 0;border-style: dotted;border-color: #727272;}	
.innerRight ul, .innerRight li{width:356px;display:block;float:left;}
.innerRight ul li{padding-bottom:12px;}
.leftPan .innerRight ul li p{width:291px;text-align:left;float:right;padding:0px;line-height: 18px;}

/* stylin rightPan content */
.rightPan{width:277px;float:right;}
.rightPan h3{font-size:18px;color:#232629;padding-bottom:28px;}
.rightPan a{font-size:11px;color:#fff;width:59px;height:14px;text-align:center;float:left;background:url('../images/read-more.jpg') no-repeat;}

.rightPan .right{float:none;} 
.rightPan ul{width:277px;float:left;display:block;}
.rightPan ul li{width:100%;float:left;padding-bottom:18px;}
.rightPan ul li p{width:277px;float:left;font-size:12px;color:#727272;line-height:21px;	padding-bottom:5px;}
.rightPan ul li img{text-align: center;	float:none;}

.leftPan h4{width:100%;float:left;font-size:15px;color:#232629;padding-bottom:12px;}

/* stylin footer content */
#footer-wrap{clear:both;width:100%;float:left;background-color:#232629;}

#footer{width:970px;/*height:200px;*/float:none;margin:0 auto;position:relative;}

#footer p.copyright{min-width:120px;float:left;font-size:11px;color:#727272;line-height:21px;margin:5px 0 0 0;}
/* stylin footer navigation content */
ul.footNav{clear:left;min-width:260px;float:left;}
ul.footNav li{float:left;color:#727272;line-height:21px;}
ul.footNav li a{float:left;padding:0px 4px;font-size:11px;color:#727272;}
/* personalizados */
/* ========================= para los errores ======================== */
label.error { margin-left: 10px; display: inline; width: auto; color: red; font-style: italic; font-weight: normal; }
input.error,select.error,textarea.error { box-shadow: 0px 1px 2px red;}
div.error span{ color: red; font-weight: bold;}
.errorblock {color: #000;background-color: #ffEEEE;border: 3px solid #ff0000;padding: 8px;margin: 16px;}
/* .error {color: #ff0000;} */
.error {margin-left: 10px; display: inline; width: auto; color: red; font-style: italic; font-weight: normal;}

/* ========================= para los formularios ======================== */
.form_align5 {float:left;width:5%;text-align:right;}
.form_align10 {float:left;width:10%;text-align:right;}
.form_align15 {float:left;width:15%;text-align:right;}
.form_align20 {float:left;width:20%;text-align:right;}
.form_align25 {float:left;width:25%;text-align:right;}
.form_align30 {float:left;width:30%;text-align:right;}
.form_align35 {float:left;width:35%;text-align:right;}
.form_align40 {float:left;width:40%;text-align:right;}
.form_align43 {float:left;width:43%;text-align:right;}
.form_align45 {float:left;width:45%;text-align:right;}




.form_input_align { float:left; border:1px solid #959595; margin-left:0.2em; }
label, input, select, textarea { margin-bottom:0.3em; }
.form_center {text-align:center;}

/* ========================= para los formularios ======================== */
.inputsubmit1 { background: #385B88;color: #FFFFFF;box-shadow: 0px 1px 1px #013079, 0 0 0 3px #003a96 inset;border-radius: 4px;padding: 5px 5px 2px;}
.inputsubmit1:hover { background: #003a96;color: #FFFFFF;box-shadow: 0px 2px 3px #013079, 0 0 0 2px #003a96 inset}
.inputsubmit1:active { background: #01235a;color: #FFFFFF;box-shadow: 0px 1px 1px #013079, 0 0 0 1px #003a96 inset}

.boton{border: 1px solid #CCC;box-shadow: 0px 1px 3px #B5C1C5, 0 0 0 1px #CCC inset;padding: 2px 4px;border-radius: 9px;font-weight: bold;text-shadow: 1px 1px 0px white;background: #F0F0F0;background: -moz-linear-gradient(top, #F0F0F0 0%, #cfe6ef 100%);background: -webkit-linear-gradient(top, #F0F0F0 0%,#cfe6ef 100%);}
.boton:hover{border: 1px solid #003a96;box-shadow: 0px 1px 3px #003a96, 0 0 0 1px #003a96 inset;background: #003a96;color: white;cursor: pointer;text-shadow: 1px 1px 0px #003a96;background: -moz-linear-gradient(top, #003a96 0%, #76c8f6 100%);background: -webkit-linear-gradient(top, #003a96 0%,#76c8f6 100%);}
.boton:active{background: #cfe6ef;background: -moz-linear-gradient(top, #003a96 0%, #003a96 100%);background: -webkit-linear-gradient(top, #003a96 0%,#003a96 100%);}

.trans {
    opacity: 0.6;
}

.botonDisabled{
	border: 1px solid #CCC;
        box-shadow: 0px 1px 3px #B5C1C5, 0 0 0 1px #CCC inset;
	padding: 2px 4px;
	border-radius: 9px;
	font-weight: bold;
        cursor: pointer;
	text-shadow: 1px 1px 0px white;
        background: #F0F0F0;
	background: -moz-linear-gradient(top, #F0F0F0 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #F0F0F0 0%,#cfe6ef 100%);}

.botonDisabled2{
border: 0px solid #CCC;
padding: 0px 3px 0px 3px;
border-radius: 6px;
text-shadow: 1px 1px 0px white;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cfe6ef 100%);
}


.botonRep{border: 0px solid #CCC;
padding: 0px 3px 0px 3px;
border-radius: 6px;
text-shadow: 1px 1px 0px white;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cfe6ef 100%);
}
.botonRep:hover{border: 0px solid #003a96;
background: #003a96; 
color: white;
cursor: pointer;
text-shadow: 1px 1px 0px #003a96;
background: -moz-linear-gradient(top, #003a96 0%, #76c8f6 100%);
background: -webkit-linear-gradient(top, #003a96 0%,#76c8f6 100%);}
.botonRep:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #003a96 0%, #003a96 100%);
	background: -webkit-linear-gradient(top, #003a96 0%,#003a96 100%);}
	
	
.botonEliminar a {
        float:left;
        background:url('../images/delete.gif') top center no-repeat;
        height: 16px; 
        width: 16px;
        text-indent:-3000em; 
    }
.botonEditar a {
        float:left;
        background:url('../images/edite.png') top center no-repeat;
        height: 16px; 
        width: 16px;
        text-indent:-3000em; 
    }	

/*
#rq small { color:#727272; display:block; }
#rq a:hover { color:#b02d15; border-bottom:1px dotted #0182bb; color:#0182bb; padding-bottom:0; }*/
/*.links small { color:#727272; display:block; }*/
a.links{ color:#89729f;	border-width: 0 0 1px 0;border-color: #0182bb;}
a.links:hover { color:#b02d15; border-bottom:1px dotted #0182bb; color:#0182bb; padding-bottom:0; }
/* ========================= es para la ayuda de la ruta ======================== */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
#middle #breadcrumb{margin-bottom:20px;padding-top:5px;}
#middle #breadcrumb li{float:left;margin-right:10px;background:url('../images/ruta.png') 0 -1px no-repeat;padding-left:22px;line-height:30px;margin-top:-5px;}
#middle #breadcrumb a{color:#686868;font-size:11px;text-decoration:none;display:block;}
#middle #breadcrumb li:first-child{background:none;}
#middle #breadcrumb li:first-child a{text-indent:-9999px;background:url('../images/home.png') -10px -404px no-repeat;width:20px;height:20px;}
#middle #breadcrumb li.current-page{color:#686868;font-size:11px;font-weight:bold;background:url('../images/ruta.png') 0 -47px no-repeat;}
#middle #breadcrumb li.current-page span.middle{background:url('../images/ruta.png') 0 -91px repeat-x;display:block;margin-left:-13px;padding:0 6px;}
#middle #breadcrumb li.current-page span.end{background:url('../images/ruta.png') right -134px no-repeat;padding-right:9px;display:block;}

/* ========================= stylo para el reloj ======================== */
#horaServ { background-color:#003a96; color:White; font-family:Verdana,Arial; font-size:9pt; text-align:center;}
#fechaServ { font-family:Verdana,Arial; font-size:9pt; }
/* ========================= Fin stylo reloj ============================*/

/* ========================= menu izq ============================*/
ul.menuLogoNone{border:none;list-style:none;text-align:left;}
ul.menuLogoNone li{margin:0 0 0 0.5em;}
ul.menuLogoNone,ul.menuLogoNone li{list-style:none;list-style-image:none;margin:0;padding:0;}

/* tipo de letra el body ya esta en la parte superior*/


h3.title{font-weight:normal;text-transform:uppercase;}

#menuprin{float:left;width:197px;margin-right:40px;min-height:450px;margin-bottom:20px;padding-left:7px;}
#menuprin .menuIzqMarco{background:#fff;position:relative;padding-bottom:60px;}
#menuprin a{font-size:14px;color:#4d4c4c;text-decoration:none;}/*los links de los menus*/
#menuprin .menu_css h3{color:#003a96;font-size:19px;text-align:center;line-height:50px;margin-bottom:0;}/*altura title 06a4fc*/
#menuprin .menu_css li{line-height:25px;border-bottom:1px solid #8b8989;padding:1px 13px 0;}
#menuprin .menu_css li a{display:block;}
#menuprin .menu_css li:hover{background:#4d8fdc;cursor:pointer;}/*color cuando movemos 003a96*/
#menuprin .menu_css li:hover a,#menuprin .menu_css .menu_selected li.pintar a{color:#fff;}
#menuprin .menu_css .menu_selectedDepen li.pintar{border-bottom:0;}
#menuprin .menu_css .menu_selectedDepen.menu_selected li.pintar a{background:url(../images/izquierdaImagen.png) no-repeat;position:relative;display:block;height:25px;left:-22px;padding:8px 5px 5px 22px;width:187px;top:-9px;margin-bottom:-13px;}
#menuprin .menu_css .menu_selectedDepen.menu_selected li.pintar:hover{background:none;}

#menuprin .menuIzqMarco{-moz-box-shadow:0 0 7px #939393;-webkit-box-shadow:0 0 7px #939393;-o-border-radius:0 0 7px #939393;box-shadow:0 0 7px #939393;}
#menuprin .menu_css h3{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6e6e6));background:-moz-linear-gradient(top,#fff,#e6e6e6);background:-o-linear-gradient(top,#fff,#e6e6e6);background:linear-gradient(top,#fff,#e6e6e6);}
/* ========================= css para los reportes tablas ======================== */

.tabla_decorado {background-color:#fff;border-collapse: collapse;line-height: 1.2em; }
thead .th_decorado{ border: 1px solid #fff;color:#fff;text-align:center;padding:2px;font-size: 11px;font-family: arial;background-color: #004080;box-shadow: 0px 1px 3px #004080;}
.tfoot_decorado{color:#002084;padding:2px;font-size:1em;font-weigth:bold;margin-top:6px;border-top: 3px solid #004080;border-bottom: 3px solid #004080;}
tbody .tr_decorado{ background-color:#fff;border-bottom: 1px solid #c0c0c0;}
tbody .tr_decorado:hover{ background-color:#E5FAFC;border-bottom: 1px solid #c0c0c0;}
tbody .td_decorado{color:#002084;padding:3px;text-align:left;}
tbody .td_decoradoDerecha{color:#002084;padding:3px;text-align:right;}
tbody .th_decorado{text-align:left;padding: 2px;}
tbody .td_totales{ border: 1px solid #fff;color:#fff;text-align:center;padding:2px;font-size: 11px;font-family: arial;background-color: #004080;box-shadow: 0px 1px 3px #004080;}
tbody td a:hover, tbody th a:hover {text-decoration:none;}

thead  .th_decoradoRowspan{ border: 1px solid #fff;color:#fff;text-align:center;padding:2px;font-size: 11px;font-family: arial;background-color: #004080;box-shadow: 0px 1px 3px #004080;}
tbody .td_decoradoRowspan{color:#002084;padding:3px;text-align:left;border-left: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;}/**/

tbody .tr_decoradoRowspan{ background-color:#fff;border-bottom: 1px solid #B5C1C5;text-align:left;border-right: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;}/**/
tbody .tr_decoradoRowspan:hover{ background-color:#E5FAFC;}

h1.decorado{color:#004080;text-align:center;margin:3px 0px 3px 0px;}
h2.decorado{color:#004080;text-align:center;margin:3px 0px 3px 0px;}
h3.decorado{color:#004080;text-align:center;margin:3px 0px 3px 0px;}

.rowSelectedHighLigth{background-color:#C8E1F8;}
tbody .trSale:hover{ background-color:#E5FAFC;border-bottom: 1px solid #c0c0c0;}

.form_input_align_NoFloat {border:1px solid #959595;margin-left:0.2em;}

/* this added to display and no show */
.noDisplay{display:none}
.hidden{visibility:hidden}

/* style when we should add at less one record in a table x */
.requeredDataTable{border: 2px solid red; color: red; padding: 4px}

/* this is to jquery.maxlenght */
/* Styles for Max Length plugin v1.1.0 */
.maxlength-feedback { margin-left: 0.5em; font-size: 75%;}
.maxlength-full { background-color: #fee; }
.maxlength-overflow { background-color: #fcc;}
.maxlength-disabled { opacity: 0.5; }
